<template>
  <div>
    <h5>MyCOUNT</h5>
    <p> count 的值是：{{count}}</p>
    <button  @click="count+=1">+1</button>
    </div>
</template>
  
  <script>
export default {
    // 自定义属性，允许使用者通过自定义属性为当前组件定义初始值。
    // 自定义组件的名字，是封装者自定义的（名称合法就可以）
    // props 是只读的
    // props 要给初始值的话，可以使用对象格式的初始值。
    // 数组格式只能接受默认值，无法自定义默认值。
    // props:["init"],
    // 如果外界使用Count组件的时候， 没有传递init属性，则默认值生效，如果传了，默认值就失效。
    props:{
      init:{
        default:0,
        // 必须是number属性
        type: Number,
        // 必填项属性
        require:true
      },
    },
  data() {
    return {
        count:this.init
    };
  },
  methods: {
  },
};
</script>
  
  <style lang="less">
</style>